<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Awesome Snake Game</title>
    <style media="screen">
      #myCanvas{
        background-color:#000;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top:50px;
        display: block;
      }
      h1{
        text-align: center;
        font-size: 40px;
        font-weight: bold;
      }
      h3{
        text-align: center;
        font-size: 20px;

      }
      span{
        color: red;
        font-size: 20px;
        font-weight: bold;
        margin-left: 10px;
      }
    </style>
  </head>
  <body>
    <h1>Awesome Snake Game</h1>
    <h3>your score:<span id=score-count>0</span></h3>
    <canvas id="myCanvas" width="500" height="500">
    </canvas>

    <script src="../assets/js/AwesomeSnakeGame.js"></script>
  </body>
</html>
